<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // screen: 屏幕
      console.log(screen.width);
      console.log(screen.height);

      // avail*: 屏幕可用宽高（减去工具栏，windows 任务栏）
      console.log(screen.availHeight);
      console.log(screen.colorDepth); // 屏幕颜色深度，一般为24位/32位
      console.log(screen.pixelDepth); // 屏幕的像素深度
    </script>
  </body>
</html>
